/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
	font-family: arial;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article,aside,footer,header,nav,section {
	display: block
}

h1 {
	margin: .67em 0;
	font-size: 2em
}

figcaption,figure,main {
	display: block
}

figure {
	margin: 1em 40px
}

hr {
	overflow: visible;
	box-sizing: content-box;
	height: 0
}

pre {
	font-size: 1em;
	font-family: monospace
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}

a:active,a:hover {
	outline-width: 0
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b,strong {
	font-weight: inherit;
	font-weight: bolder
}

code,kbd,samp {
	font-size: 1em;
	font-family: monospace
}

dfn {
	font-style: italic
}

mark {
	background-color: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,sup {
	position: relative;
	vertical-align: baseline;
	font-size: 75%;
	line-height: 0
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

audio,video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

img {
	border-style: none
}

svg:not(:root) {
	overflow: hidden
}
ul,li{
	list-style: none;
	margin:0;
	padding:0;
}
button,input,optgroup,select,textarea {
	margin: 0;
	font-size: 100%;
	font-family: sans-serif;
	line-height: 1.15;
	outline:none;
}

button,input {
	overflow: visible
}

button,select {
	text-transform: none
}
[type=reset],[type=submit],button,html [type=button] {
	-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
	padding: 0;
	border-style: none
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	margin: 0 2px;
	padding: .35em .625em .75em;
	border: 1px solid silver
}

legend {
	display: table;
	box-sizing: border-box;
	padding: 0;
	max-width: 100%;
	color: inherit;
	white-space: normal
}

progress {
	display: inline-block;
	vertical-align: baseline
}

textarea {
	overflow: auto;
	resize: none;
}
[type=checkbox],[type=radio] {
	box-sizing: border-box;
	padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}
[type=search] {
	outline-offset: -2px;
	-webkit-appearance: textfield
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button
}

details,menu {
	display: block
}

summary {
	display: list-item
}

canvas {
	display: inline-block
}

[hidden],template {
	display: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0;
}

p,h1,h2,h3,h4,h5,h6{
    margin: 0;
}
a,a:link{
	text-decoration: none;
}
/*	common start
		================================	*/
		
.g-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.g-flex-auto {
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1;
}

body{
	background: #f85951;
}

/* alertBottom
		==================================*/

@-webkit-keyframes alert {
    from {
        opacity: 0;
        -webkit-transform:translateY(5rem);
        transform: translateY(5rem);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes alert {
    from {
        opacity: 0;
        -webkit-transform:translateY(5rem);
        transform: translateY(5rem);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes alert-hide {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes alert-hide {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.m-botAlert {
    position: fixed;
    left: 0;
    right: 0;
    bottom:20%;
    -webkit-animation: alert 0.5s;
    animation: alert 1s;
    text-align: center;
    font-size: 14px;
    z-index: 9999;
    display: inline-block;
}

.alert-hide {
    opacity: 0;
    -webkit-animation: alert-hide 0.5s;
    animation: alert-hide 0.5s;
}

.m-botAlert .m-botAlert-con {
    display: inline-block;
   
    padding: 20px;
    border-radius: 4px;
    margin: 0 auto;
    background: #333;
    color: #fff;
    line-height:.4rem;
    z-index: 9999;
}



/*	invite friends
		=================================*/
.inviteBox{
	background: url("../img/inviteBox_bg.jpg") no-repeat 0 0;
	background-size: 100%;
	width: 100%;
	height: 10.64rem;
	font-size: .3rem;
}
.inviteBox_form{
	padding-top: 4.75rem;
	width: 5rem;
	margin: 0 auto;
}

.inviteBox_form input::-webkit-input-placeholder{ 
	color: #b5b5b5; 
} 
.inviteBox_form input:-moz-placeholder{ 
	color: #b5b5b5; 
} 
.inviteBox_form input::-moz-placeholder { 
	color: #b5b5b5; 
} 
.inviteBox_form input:-ms-input-placeholder{ 
	color: #b5b5b5; 
} 
.form_input,.from_code{
	background: #fff;
	border: .06rem solid #5a3721;
	border-radius: .1rem;
	height: .89rem;
	width: 5rem;
	box-sizing: border-box;
	padding:0 .1rem;
	margin-bottom: .2rem;
}

.from_code{
	width: 2.86rem;
}

.sendcode{
	background: url("../img/icon_code.png") no-repeat center;
	background-size: 100%;
	width: 1.9rem;
	height: 0.83rem;
	border:0;
	color: #692b01;
	margin-left: .2rem;
}
.text_notice{
	color: #fff;
	font-size: .25rem;
}
.send_reg{
	background: url("../img/icon_reg.png") no-repeat center;
	background-size: 100%;
	width: 5rem;
	height: .92rem;
	border:0;
	color: #692b01;
	margin-top: .25rem;
}
.send_reg:active{
	background: url("../img/icon_reg_press.png") no-repeat center;
	background-size: 100%;
}
.sendcode:active{
	background: url("../img/icon_code_press.png") no-repeat center;
	background-size: 100%;
}
input.sendcode:disabled,input.sendcode[disabled],input.sendcode.disabled{
	background: url("../img/icon_code_sendon.png") no-repeat center;
	background-size: 100%;
	opacity: 1;
}


.inviteBox_desc{
	background: url("../img/inviteBox_desc.jpg") no-repeat center;
	background-size: 100%;
	width: 6.05rem; 
	height: 4.33rem;
	margin: 0.15rem auto 0.7rem;
	color: #5a3721;
}

.inviteBox_desc h1{
	font-size: .25rem;
	font-weight: normal;
	text-align: center;
    line-height: .6rem;
    letter-spacing: .03rem;
}
.inviteBox_desc ul {
	margin-top: .2rem
}
.inviteBox_desc ul li{
	font-size:.28rem;
	font-weight: 600;
	padding-left: 1.6rem;
    line-height: 1rem;
}
.inviteBox_desc ul li em{
	font-size: .48rem;
	color: #f85951;
	font-style: normal;
}